Empty content displays

Figure 1. Application indicating 'No content'

Summary: Enhances out-of-box experience. Avoids the impression of the application or service being broken. Four main patterns: Indicate 'No content' in case only the phone can add content to the empty display. 'Add content' button in the empty canvas. 'Add' as action button. Add sample content.

Patterns

Indicate 'no content'
Figure 2. No content information in screen	Shown in case only the application can add content. Usually differs from standard list item. No further interaction, information only. Prevents people from perceiving the application or service as being broken.

'Add content' button in the empty canvas
Figure 3. Empty canvas and canvas with options to add content	Shown in case there is no content in the application. Highlights more than 1 function. Text field usually differs from standard list item. Button and text should be visible in portrait and landscape. May contain special first time use case function, like: Import data. Synchronize. Improves the out-of-box experience.

'Add' button as Action 1 button
Figure 4. Empty canvas with 'Add Contact' as Action button 1	Shown in case only the application can add content. Only 1 function highlighted. Function is placed in action button 1. Text field usually differs from standard list item. An icon in addition to the text field supports the initial flow of adding content. Improves the out-of-box experience.

Add sample content
Figure 5. Sample content	Allows people to try functions right away. No need to create content just for: Testing the application. Familiarising oneself with the application. Can work as an "appetiser" to introduce to more content. Improves the out-of-box experience.